

import { StyleSheet, Platform } from 'react-native';

export default StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#0F172A',
  },
  header: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    paddingHorizontal: 16,
    paddingVertical: 16,
    backgroundColor: '#111827',
    borderBottomWidth: 1,
    borderBottomColor: '#374151',
  },
  backButton: {
    width: 40,
    height: 40,
    borderRadius: 20,
    backgroundColor: '#0F172A',
    alignItems: 'center',
    justifyContent: 'center',
  },
  headerTitle: {
    fontSize: 18,
    fontWeight: '600',
    color: '#FFFFFF',
  },
  headerPlaceholder: {
    width: 40,
  },
  scrollView: {
    flex: 1,
  },
  scrollContent: {
    padding: 24,
    paddingBottom: 40,
  },
  appInfoSection: {
    alignItems: 'center',
    marginBottom: 32,
  },
  logoContainer: {
    marginBottom: 24,
    ...Platform.select({
      ios: {
        shadowColor: '#6366f1',
        shadowOffset: { width: 0, height: 0 },
        shadowOpacity: 0.3,
        shadowRadius: 20,
      },
      android: {
        elevation: 8,
      },
    }),
  },
  logoGradient: {
    width: 128,
    height: 128,
    borderRadius: 24,
    alignItems: 'center',
    justifyContent: 'center',
  },
  appNameSection: {
    alignItems: 'center',
  },
  gradientTextWrapper: {
    borderRadius: 4,
    padding: 1,
    marginBottom: 8,
  },
  appName: {
    fontSize: 32,
    fontWeight: 'bold',
    color: '#FFFFFF',
    textAlign: 'center',
  },
  appEnglishName: {
    fontSize: 18,
    color: '#9CA3AF',
    marginBottom: 8,
  },
  appSlogan: {
    fontSize: 14,
    color: '#6B7280',
    textAlign: 'center',
  },
  section: {
    marginBottom: 32,
  },
  sectionTitle: {
    fontSize: 18,
    fontWeight: '600',
    color: '#FFFFFF',
    marginBottom: 16,
  },
  infoCard: {
    backgroundColor: 'rgba(99, 102, 241, 0.1)',
    borderWidth: 1,
    borderColor: 'rgba(99, 102, 241, 0.2)',
    borderRadius: 12,
    padding: 16,
  },
  versionRow: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    marginBottom: 12,
  },
  versionLabel: {
    fontSize: 16,
    color: '#D1D5DB',
  },
  versionBadge: {
    paddingHorizontal: 12,
    paddingVertical: 4,
    borderRadius: 16,
  },
  versionNumber: {
    fontSize: 14,
    fontWeight: '500',
    color: '#FFFFFF',
  },
  versionDivider: {
    height: 1,
    backgroundColor: '#374151',
    marginBottom: 12,
  },
  versionDetails: {
    gap: 8,
  },
  versionDetailRow: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  versionDetailLabel: {
    fontSize: 14,
    color: '#9CA3AF',
  },
  versionDetailValue: {
    fontSize: 14,
    color: '#D1D5DB',
  },
  introContent: {
    fontSize: 16,
    color: '#D1D5DB',
    lineHeight: 24,
  },
  teamInfoRow: {
    flexDirection: 'row',
    alignItems: 'center',
    marginBottom: 12,
  },
  teamIcon: {
    width: 20,
    marginRight: 12,
  },
  teamInfoText: {
    fontSize: 16,
    color: '#D1D5DB',
    flex: 1,
  },
  websiteRow: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  websiteInfo: {
    flexDirection: 'row',
    alignItems: 'center',
    flex: 1,
  },
  websiteUrl: {
    fontSize: 16,
    color: '#D1D5DB',
    marginLeft: 12,
  },
  copyrightText: {
    fontSize: 14,
    color: '#D1D5DB',
    lineHeight: 20,
    marginBottom: 12,
  },
  footerSection: {
    alignItems: 'center',
    paddingTop: 32,
    borderTopWidth: 1,
    borderTopColor: '#374151',
  },
  footerText: {
    fontSize: 14,
    color: '#6B7280',
    marginBottom: 12,
  },
  footerSubText: {
    fontSize: 12,
    color: '#4B5563',
  },
});

